import React, {Fragment} from 'react';

export default ({width, height, color, padding, margin, className}) => (
  <Fragment>
    <svg
      height={height}
      width={width}
      stroke={color}
      style={{padding, margin}}
      className={className}
      fill="transparent"
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 24 24"
    >
      <path d="M12.7125 4.125C13.3282 5.2901 13.563 6.61893 13.3839 7.92447C13.2049 9.23002 12.621 10.4466 11.7143 11.4029C10.8077 12.3592 9.62401 13.0071 8.32986 13.2555C7.03571 13.5039 5.69626 13.3402 4.5 12.7875C4.7175 14.1791 5.32054 15.4818 6.24075 16.5481C7.16096 17.6144 8.36153 18.4015 9.70631 18.8203C11.0511 19.239 12.4863 19.2725 13.8492 18.9171C15.212 18.5617 16.4481 17.8315 17.4171 16.8094C18.3861 15.7873 19.0494 14.5141 19.3317 13.1342C19.6139 11.7543 19.5039 10.3229 19.0142 9.00239C18.5244 7.68183 17.6744 6.52493 16.5606 5.66285C15.4468 4.80078 14.1137 4.26803 12.7125 4.125Z" />
    </svg>
  </Fragment>
);
